.container{
  width:100%;
  height:auto;
  background:#f7f7f7;
  padding-bottom:20px;
}

.box{
  width:95%;
  margin:0 auto;
}

.box > .item{
  background:#fff;
  margin-top:15px;
  padding:12px;
  border-radius: 9px;
  overflow: hidden;
}

.box > .item > .top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.box > .item > .top > .follow{
  width:40%;
}

.box > .item > .top > .avatar{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom:10px;
}

.box > .item > .top > .avatar > .image{
  width:12%;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
  margin-right:10px;
}

.box > .item > .top > .avatar > .image > img{
  width:100%;
  display: block;
}

.box > .item > .top > .avatar > .name{
  margin-top:10px;
  color:#666;
  font-size:16px;
}






.box > .item .title{
  color:#666;
  margin-bottom:5px;
  font-size:16px;
}

.box > .item .thumbs{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom:15px;
}

.box > .item .thumbs .image{
  width:32.7%;
  margin:1px;
}

.box > .item .thumbs .image img{
  display: block;
}

.box > .item .product{
  width:100%;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  background:#f9f9f9;
  margin-bottom:15px;
}

.box > .item .product .left{
  width:20%;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  margin-right:2%;
  flex-shrink: 0;
}

.box > .item .product .left img{
  display: block;
  object-fit: contain;
}

.box > .item .product .right{
  width:80%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.box > .item .product .right .name{
  font-size:16px;
  width:100%;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
}

.box > .item .product .right .price{
  color:#fe6600;
  font-size:14px;
}

.box > .item .action{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  color:#888;
  font-size:16px;
}

.box > .item .action .right{
  display: flex;
  align-items: center;
  align-content: center;
}

.box > .item .action .right > .item:first-of-type{
  margin-right:10px;
}

.box > .item .action .right > .item span{
  margin-left:5px;
}